<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>批量检测域名被微信拦截工具</title>
<style>
* { padding:0; margin:0; font-size:14px; line-height:1.8; }
h1 { font-size:18px; margin:10px 0; text-align:center; }

table { border-collapse:collapse; width:100%; }
table thead tr{ border-bottom:2px solid #ccc; }
table th, table td { text-align:left; padding:5px; }
table tbody tr { border-bottom:1px solid #eee; }
table tbody tr:nth-child(even) {background:#f2f2f2;}
table tbody tr:hover {background:#C6E2FF;}

.tpl { display:none; }

#m { width:980px; margin:auto; }
#input-zone { float:left; width:30%; text-align:center; }
#input-zone p { text-align:center; }
#domains { width:100%; height:520px; }

#result-zone { margin-left:32%; }
#result-zone table { width:100%; }
</style>
<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="../../res/js/template.js"></script>
</head>
<body>
<h1>批量检测域名被微信拦截工具</h1>
<div id="m">
    <div id="input-zone">
        <textarea id="domains"></textarea>
        <p><button id="btn-start" type="button">开始</button></p>
    </div> <!--/#input-zone-->
    <div id="result-zone"></div> <!--/#result-zone-->
</div> <!--/#m-->

<textarea id="list-tpl" class="tpl">
<table>
    <thead>
        <tr>
            <th width="36">编号</th>
            <th>域名</th>
            <th>结果</th>
        </tr>
    </thead>
    <tbody>
        {{each records as v}}
        <tr>
            <td>{{v.id}}</td>
            <td>{{v.domain}}</td>
            <td>{{#v.status | get_status_cn}}</td>
        </tr>
        {{/each}}
    </tbody>
</table>
</textarea>
    
<script src="1.js"></script>
</body>
</html>
